<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>商品详情</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Place favicon.ico in the root directory -->
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="js/layui/css/layui.css">
        <script src="js/layui/layui.js"></script>
        <link rel="stylesheet" href="css/swiper.min.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/detail.css">
		<style>
			.main{
				/*background: #FFFFFF;*/
			}
			.tl-view-top{
				background-color: #fff;
				padding: 10px 0;
				border-bottom: 1px solid #F4F4F4;
			}
			.tl-title-radus{
				height: 30px;
				line-height: 30px;
				font-size: 15px;
				text-align: center;
			}
			.tl-title-radus span{
				padding-left: 5px;
				vertical-align: bottom;
			}			
			.tl-all{
				background-color: #F3DFDF;
				color: #FFFFFF;				
				border-radius: 25px 0 0 25px;
			}
			.tl-havaimg{
				background-color: #f4f4f4;
				color: #323232;
				border-radius: 0 25px 25px 0;
			}
			.tl-view-leftimg img{
				width: 40px;
				height: 40px;
				border-radius: 50%;
			}
			.tl-view-righttext{
				
			}
			.tl-view-righttext .tl-view-name{
				font-size: 16px;
				color: #323232;
			}
			.tl-view-righttext .tl-the{
				color: #909090;
				font-size: 14px;
			}
			.tl-view-righttext .tl-view-content{
				color: #323232;
				font-size: 14px;
				line-height: 20px;
				padding: 4px 0 10px;
			}
			.tl-view-righttext span img{
				width: 88px;
				height: 88px;
			}
			.tl-view-info{
				background-color: #fff;
				padding: 12px 21px 8px 12px;
				margin-bottom: 5px;
			}
			.tl-icon{
				text-align: right;
				margin-top: 10px;
			}
			.tl-icon span{
				vertical-align: bottom;
				padding: 0 2px;
				color: #909090;
				font-size: 14px;
			}
			.tl-icon span img{
				width: 14px;
				height: 14px;
				vertical-align: baseline;
			}
			.tl-view-xin{
				text-align: right;
			}
			.tl-view-xin span img{
				width: 12px;
				height: 12px;
			}
		</style>
    </head>
	<body style="background-color: #F4F4F4;">
		 <!--<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
			      移动：6/12 | 平板：6/12 | 桌面：4/12
			    </div>
			    <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
			      移动：6/12 | 平板：6/12 | 桌面：4/12
			    </div>-->
		<div class="main">
		 	<div class="layui-row tl-view-top">
			    <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-xs-offset2 layui-col-sm-offset2 layui-col-md-offset2">
			      <div class="grid-demo tl-title-radus tl-all">全部<span>(10)</span></div>
			    </div>
			    <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
			      <div class="grid-demo tl-title-radus tl-havaimg">有图<span>(65)</span></div>
			    </div>
    		</div>
    		<div class="layui-row tl-view-info">
	    		<div class="layui-col-xs2 layui-col-sm2 layui-col-md2 tl-view-leftimg">
				     	<img src="img/img/icon_detail_shopping.png"/>
				    </div>
				    <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 tl-view-righttext">
				      	<div class="layui-row">
						    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 tl-view-name">
						      	赵越
						    </div>
						    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 tl-view-xin">
					    	  <span><img src="img/new/icon_star_selected.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						    </div>
						  </div>
				      	<span class="tl-the">2017-12-12</span>
				      	<span class="tl-the">颜色:<i>尊贵白</i></span>
				      	<p class="tl-view-content">的健康萨拉经典款拉萨角度看了接口大上课了经典款拉萨角度看阿萨德看见看拉萨的进口量撒娇阿达肯德基</p>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<div class="tl-icon">
				      		<span><img src="img/new/btn_pinglun.png"/></span>
				      		<span>2</span>
				      		<span><img src="img/new/btn_dianzan.png"/></span>
				      		<span>11212</span>
				      	</div>
				    </div>
		    </div>
		    <div class="layui-row tl-view-info">
	    		<div class="layui-col-xs2 layui-col-sm2 layui-col-md2 tl-view-leftimg">
				     	<img src="img/img/icon_detail_shopping.png"/>
				    </div>
				    <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 tl-view-righttext">
				      	<div class="layui-row">
						    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 tl-view-name">
						      	赵越
						    </div>
						    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 tl-view-xin">
					    	  <span><img src="img/new/icon_star_selected.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						    </div>
						  </div>
				      	<span class="tl-the">2017-12-12</span>
				      	<span class="tl-the">颜色:<i>尊贵白</i></span>
				      	<p class="tl-view-content">的健康萨拉经典款拉萨角度看了接口大上课了经典款拉萨角度看阿萨德看见看拉萨的进口量撒娇阿达肯德基</p>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<div class="tl-icon">
				      		<span><img src="img/new/btn_pinglun.png"/></span>
				      		<span>2</span>
				      		<span><img src="img/new/btn_dianzan.png"/></span>
				      		<span>11212</span>
				      	</div>
				    </div>
		    </div>
		    
		    <div class="layui-row tl-view-info">
	    		<div class="layui-col-xs2 layui-col-sm2 layui-col-md2 tl-view-leftimg">
				     	<img src="img/img/icon_detail_shopping.png"/>
				    </div>
				    <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 tl-view-righttext">
				      	<div class="layui-row">
						    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 tl-view-name">
						      	赵越
						    </div>
						    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 tl-view-xin">
					    	  <span><img src="img/new/icon_star_selected.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						      <span><img src="img/new/icon_star_select.png"></span>
						    </div>
						  </div>
				      	<span class="tl-the">2017-12-12</span>
				      	<span class="tl-the">颜色:<i>尊贵白</i></span>
				      	<p class="tl-view-content">的健康萨拉经典款拉萨角度看了接口大上课了经典款拉萨角度看阿萨德看见看拉萨的进口量撒娇阿达肯德基</p>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<span><img src="img/iphone_large.jpg"/></span>
				      	<div class="tl-icon">
				      		<span><img src="img/new/btn_pinglun.png"/></span>
				      		<span>2</span>
				      		<span><img src="img/new/btn_dianzan.png"/></span>
				      		<span>11212</span>
				      	</div>
				    </div>
		    </div>
		</div>
	</body>
</html>
